﻿<!DOCTYPE html>
<html xmlns:wb=“http://open.weibo.com/wb”>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <link href="stable/static/css/site.css" rel="stylesheet" type="text/css">
    <link href="stable/static/css/print.css" rel="stylesheet" type="text/css" media="print">
    <link href="stable/static/css/prettify.css" rel="stylesheet" type="text/css">
    <link href="//www.google.com/images/icons/product/chrome-16.png" rel="icon" type="image/ico">
    <link href="stable/static/css/index.css" rel="stylesheet" type="text/css">
    <script src="http://tjs.sjs.sinajs.cn/open/api/js/wb.js" type="text/javascript" charset="utf-8"></script>
    <title>chrome插件中文开发文档(非官方)</title>
  </head>
  <body>
    <a id="top"></a>
    <div id="header">{Header content}</div>
    <a id="gc-topnav-anchor"></a>
    <div id="gc-topnav">
      <h1>chrome插件中文开发文档(非官方)</h1>
      <ul id="home" class="gc-topnav-tabs">
        <li id="home_link">
          <a href="index.html" title="Google Chrome Extensions home page"><div>主页</div></a>
        </li>
        <li id="docs_link">
          <a href="docs.html" title="Official Google Chrome Extensions documentation"><div>文档</div></a>
        </li>
        <li id="faq_link">
          <a href="faq.html" title="Answers to frequently asked questions about Google Chrome Extensions"><div>常见问题</div></a>
        </li>
        <li id="samples_link">
          <a href="samples.html" title="Sample Extensions (with source code)"><div>示例</div></a>
        </li>
        <li id="group_link">
          <a href="http://groups.google.com/a/chromium.org/group/chromium-extensions" title="Google Chrome Extensions developer forum"><div>google群组(英文)</div></a>
        </li>
        <li id="so_link">
          <a href="http://stackoverflow.com/questions/tagged/google-chrome-extension" title="[google-chrome-extension] tag on Stack Overflow"><div>还有问题?(英文)</div></a>
        </li>
      </ul>
    </div>
    <div id="gc-container">
      <div id="gc-pagecontent">
        <table id="index">
          <tr>
            <td>
              <h3>什么是扩展程序？</h3>
              <p>
                扩展程序是一些能够修改或增强Chrome浏览器功能的小程序。您可以利用各种Web技术，例如HTML、JavaScript和CSS，来编写自己的扩展程序。
              </p>
              <p>
                <img src="stable/static/images/index/gmail-small.png" width="91" height="35" align="right" style="margin-top:0px; margin-left:0.5em" alt="A screenshot of an extension's icon in the browser bar">
                扩展程序只有很少的用户界面或者完全没有。例如，右边的图片中的图标为
                  <a href="samples.html#gmail">Gmail扩展程序</a>.
                  的用户界面。
                
              </p>

              <p>
                扩展程序将它所需的文件集成在一个文件中，提供给用户下载和安装。这一集成意味着扩展程序不像普通的网上应用程序那样，它们不需要依赖网上的内容。
              </p>
              <p>
                您可以使用
                <a href="https://chrome.google.com/webstore/developer/dashboard">Chrome开发者信息中心</a>
                将您的扩展程序发布到
                <a href="http://chrome.google.com/webstore">Chrome网上应用店</a>。
                有关更多信息，请参见
                <a href="http://code.google.com/chrome/webstore">网上应用店开发者文档</a>。
              </p>
                <p style="color:red;">
                    此文档大部分翻译内容基于
                    <a href="https://sites.google.com/site/crxdoczh/home" target="_blank">https://sites.google.com/site/crxdoczh/home</a>
                </p >
                <p style="color:red;">
                    Chrome开发QQ交流群：<b>186758632</b>
                </p>
                <p style="color:red;">
                    Chrome开发google+社群：<a href="https://plus.google.com/u/0/communities/105384952265487436177" target="_blank">Chrome扩展程序/应用程序开发人员文档（非官方中文版）</a>
                </p>
                
                <p style="color:red;">
                    此文档基于<a href="http://developer.chrome.com/extensions/index.html"  target="_blank">google chrome官方文档</a>,Chrome扩展程序的开发文档在不断地变化,此文档将尽量即使跟进，若有疑问，一切以官方文档为准。
                </p>
                <p style="color:red;">
                    再次感谢<a href="https://plus.google.com/u/0/communities/105384952265487436177" target="_blank">Samuel V</a>辛苦翻译。<b>中文部分持续更新中</b>。
                </p>
                <p>
                    关于<a href="http://liuyixi.com" target="_blank"> 一兮</a>, <a href="http://www.diigo.com" target="_blank">Diigo.com</a>前端工程师，参与开发的chrome插件/应用程序有：
                    <ul>
                        <li>
                            <a href="https://chrome.google.com/webstore/detail/awesome-screenshot-captur/alelhddbbhepgpmgidjdcjakblofbmce?utm_source=chrome-ntp-icon" target="_blank">Awesome Screenshot(网页截图)</a>
                        </li>
                        <li>
                            <a href="https://chrome.google.com/webstore/detail/quick-note/mijlebbfndhelmdpmllgcfadlkankhok?utm_source=chrome-ntp-icon" target="_blank">Quick Note</a>
                        </li>
                        <li>
                            <a href="https://chrome.google.com/webstore/detail/read-later-fast/decdfngdidijkdjgbknlnepdljfaepji?utm_source=chrome-ntp-icon" target="_blank">Read Later Fast</a>
                        </li>
                        <li>
                            <a href="https://chrome.google.com/webstore/detail/diigo-web-collector-captu/oojbgadfejifecebmdnhhkbhdjaphole?utm_source=chrome-ntp-icon" target="_blank">Diigo Web Collector - Capture and Annotate</a>
                        </li>
                        <li>
                            <a href="https://chrome.google.com/webstore/detail/search-all/eekjldapjblgadclklmgolijbagmdnfk?utm_source=chrome-ntp-icon" target="_blank">Search All</a>
                        </li>
                    </ul>
                    <wb:follow-button uid="2011628750" type="red_1" width="67" height="24" ></wb:follow-button>
                </p>
            </td>
            <td id="howDoIStart">
              <h3>我应该如何开始？</h3>
              <p></p>
              <ol>
                <li>
                  遵循<a href="getstarted.html">入门教程</a>
                </li>
                <li>
                  阅读
                  <a href="overview.html">概述</a>
                </li>
                <li>
                  阅读
                  <a href="http://blog.chromium.org/">Chromium博客（英文）</a>，获取最新信息
                </li>
                <li>
                  订阅
                  <a href="http://groups.google.com/a/chromium.org/group/chromium-extensions">chromium-extensions群组（英文）</a>
                </li>
              </ol>
              <p></p>
              <h3>特色视频（英文）</h3>
              <p>
                <a href="http://www.youtube.com/view_play_list?p=CA101D6A85FE9D4B">技术视频</a> <br>
                <a href="http://www.youtube.com/view_play_list?p=38DF05697DE372B1">开发者快照</a> (below)
              </p>
              <p>
                <iframe title="YouTube video player" width="300" height="199" src="http://www.youtube.com/embed/wRDPTnY3yO8?rel=0" frameborder="0" allowfullscreen=""></iframe>
              </p>
            </td>
          </tr>
        </table>
      </div>
    </div>
  </body>
  <script>
    window.bootstrap = {
      api_names: [{"name":"alarms"},{"name":"bookmarks"},{"name":"browserAction"},{"name":"browsingData"},{"name":"commands"},{"name":"contentSettings"},{"name":"contextMenus"},{"name":"cookies"},{"name":"debugger"},{"name":"declarativeWebRequest"},{"name":"devtools.inspectedWindow"},{"name":"devtools.network"},{"name":"devtools.panels"},{"name":"downloads"},{"name":"events"},{"name":"extension"},{"name":"fileBrowserHandler"},{"name":"fontSettings"},{"name":"history"},{"name":"i18n"},{"name":"idle"},{"name":"input.ime"},{"name":"management"},{"name":"omnibox"},{"name":"pageAction"},{"name":"pageCapture"},{"name":"permissions"},{"name":"privacy"},{"name":"proxy"},{"name":"runtime"},{"name":"scriptBadge"},{"name":"storage"},{"name":"tabs"},{"name":"topSites"},{"name":"tts"},{"name":"ttsEngine"},{"name":"types"},{"name":"webNavigation"},{"name":"webRequest"},{"name":"webstore"},{"last":true,"name":"windows"}].concat(
          [{"name":"experimental.bluetooth"},{"name":"experimental.devtools.audits"},{"name":"experimental.devtools.console"},{"name":"experimental.discovery"},{"name":"experimental.identity"},{"name":"experimental.infobars"},{"name":"experimental.offscreenTabs"},{"name":"experimental.processes"},{"name":"experimental.record"},{"name":"experimental.speechInput"},{"name":"experimental.systemInfo.cpu"},{"name":"experimental.systemInfo.storage"},{"last":true,"name":"experimental.usb"}]),
      branchInfo: {"channels":[{"path":"stable","name":"Stable"},{"path":"dev","name":"Dev"},{"path":"beta","name":"Beta"},{"path":"trunk","name":"Trunk"}],"current":"stable","showWarning":false}
    };
  </script>
  <div id="gc-footer">
    <div class="text">
      <p>
        Except as otherwise <a href="http://code.google.com/policies.html#restrictions">noted</a>,
        the content of this page is licensed under the <a rel="license" href="http://creativecommons.org/licenses/by/3.0/">Creative Commons
        Attribution 3.0 License</a>, and code samples are licensed under the
        <a rel="license" href="http://code.google.com/google_bsd_license.html">BSD License</a>.
      </p>
      <p>
        ©2012 Google
      </p>
      <script src="stable/static/js/branch.js" type="text/javascript"></script>
      <script src="stable/static/js/sidebar.js" type="text/javascript"></script>
      <script src="stable/static/js/prettify.js" type="text/javascript"></script>
      <script>
        (function() {
          // Auto syntax highlight all pre tags.
          var preElements = document.getElementsByTagName('pre');
          for (var i = 0; i < preElements.length; i++)
            preElements[i].classList.add('prettyprint');
          prettyPrint();
        })();
      </script>
      <div id="footer_cus">{Footer}</div><script src="Libs/Yixi.js"></script><script src="http://s9.cnzz.com/stat.php?id=4928336&web_id=4928336" language="JavaScript"></script>
  
    </div>
  </div>
</html>
